<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
      iframe::-webkit-scrollbar {
        width: 8px; /* 滚动条宽度 */
      }

      iframe::-webkit-scrollbar-track {
        background-color: #f1f1f1; /* 滚动条背景色 */
      }

      iframe::-webkit-scrollbar-thumb {
        background-color: #888; /* 滚动条滑块颜色 */
        border-radius: 4px; /* 滑块圆角 */
      }

      iframe::-webkit-scrollbar-thumb:hover {
        background-color: #555; /* 鼠标悬停时滚动条滑块颜色 */
      }
    </style>
</head>
<body>
  <iframe width="100" height="100" src="p1.html" style="overflow-x: auto"></iframe>
</body>
</html>